﻿<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- saved from url=(0022)http://www.gaodun.com/ -->
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-itunes-app" content="app-id=591578609">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<meta name="description" content="德瑞姆网校" />
<meta name="keywords" content="德瑞姆网校、心理学、考试"/>

<link rel="stylesheet" type="text/css" href="${csspath}style/style.css">
<link rel="stylesheet" type="text/css" href="${csspath}style/h_index.css">
<link rel="stylesheet" type="text/css" href="${csspath}style/home_style.css">
<link rel="stylesheet" type="text/css" href="${csspath}style/alxx.css">
<link rel="stylesheet" type="text/css" href="${csspath}style/kczx.css">
<link rel="stylesheet" type="text/css" href="${csspath}style/zyzx.css">
<!--[if IE 7]>
<link rel="stylesheet" href="/css/font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->

<script type="text/javascript" src="${csspath}js/gkk.js"></script>
<script src="${csspath}js/jquery.min.js" type="text/javascript"></script>
<script src="${csspath}js/jquery.slideBox.min.js" type="text/javascript"></script>
<script src="${csspath}js/jsrender.js" type="text/javascript"></script>
<script src="${csspath}js/pages/articleCase.js" type="text/javascript"></script>

<script id="topNewTemplate" type="text/x-jsrender">
<table class="zyzx_tab">
<!--显示前面标题部分-->
 <tr width="240px" >
      <td colspan="4" height="15px" width="240px" ></td>
    </tr>
    
    <tr width="240px">
      <td colspan="4" height="8px" width="240px" class="retext02" bgcolor="#FAFAFA" style="border-bottom:1px solid #DDD;padding-left:10px;" >最新案例</td>
    </tr>
    
    <tr width="240px" >
      <td colspan="4" height="15px" width="240px" ></td>
    </tr>
 
{{for caseTopNew }}
    <tr width="240px" class="zyzx_text01 zyzx_td01">
      <td width="10px" height="15px" class="zyzx_td02"></td>
      
      <td width="330px" height="15px">
      <a href="#"> {{:tilte}}</a>
      </td>
      <td width="60px" height="15px">by:{{:user_rnm}}
      </td>
    </tr>
{{/for}}
<!--显示后面更多结尾部分-->
<tr width="240px" align="right">
    <td width="10px" height="15px"></td>
     <td colspan="3" height="10px">
      <a href="http://127.0.0.1/study_camore.htm#">更多</a>
      </td>
    </tr>

</table>
</script>

<script id="imageTemplate" type="text/x-jsrender"> 
{{for data }}
 <tr height="50px">
  <td width="60px">
  <a href="#">
	<img src="http://182.92.157.212/cdrmimg/{{:user_himg}}?w=45&h=45"/>
    
  </a>
  </td>
   <td  valign="top">
   <a href="#" ><p class="retext05">{{:user_rnm}} </p></a>
          综合积分：{{:user_integral}}
   </td>
  </tr>
{{/for}}
</script>

<title>德瑞姆家园</title>

<style type="text/css"> 
a {color:#111;
text-decoration:none;
}


 a:link{text-decoration:none;}
 a:visited{text-decoration:none;}
 a:active{text-decoration:none;}
 a:hover{text-decoration:none;}



</style> 

</head>
<body style="align:center; padding:0;margin:0;clear:both;">



<!--topNav--> 
<!--topNav--> 


<%@ include file="./header_menu.jsp" %>

<!--end topNav-->
<!--end topNav-->

<div class="home_divtop01"></div>

<div class="home_divtop01 retext08">

  <!--搜索框-->    
 <div class="so">
<form action="" method="get">
<div class="select_style" >
<select >  
 <option style="text-align:center" value ="全部">全部</option>  
 <option value ="文章">文章</option>  
 <option value="课程">课程</option>  
 <option value="会员">会员</option> 
 <option value="群组">群组</option>  
</select> 
</div>
<div class="kuan" >
<input style="height:25px;" name="" type="text" />
</div>
<div class="an">
<input name="" type="button" />
</div>
</form>
</div>
   <!--搜索按钮--> 
   
 <div class="zxrx" style="top:-5px;">  <img style="text-align:right;" src="${imgpath}images/zxrx.jpg"></div>
</div>



<div class=""><img src="${imgpath}images/home_images/home_banner01.jpg"/>
</div>

<div class="zyzx_div">
<div class="alxx_divt01">
<a href="#"><span class="alxx_text03">德瑞姆网校案例库</span> </a>
</div>

<div class="alxx_divt"> 

  <div class="alxx_div_left">
  <div class="zyzx_div_left01">
  <div class="zyzx_div_left01nav">
  
  <div id="alknav01" class="zyzx_div_left01navl01">
          <a href="#">恋爱婚姻</a>
  </div>
  
  
   <div id="alknav02" class="zyzx_div_left01navl02">
             <a href="#"> 家庭关系</a>
  </div>
  
  
     <div id="alknav03" class="zyzx_div_left01navl02">
                             <a href="#">  亲子教育</a>
  </div>
  
  
     <div id="alknav04" class="zyzx_div_left01navl02">
           <a href="#">职业成长</a>
  </div>
  
  <a href="#" >
     <div id="alknav05" class="zyzx_div_left01navl02">
  异常心理
  </div>
  </a>
  
     <div id="alknav06" class="zyzx_div_left01navl02">
             <a href="#" >心理疾病</a>
  </div>
 

   <div id="alknav07" class="zyzx_div_left01navl02">
                        <a href="#" >性&nbsp;&nbsp;心&nbsp;理 </a>
  </div>
 
 
  <div id="alknav08" class="zyzx_div_left01navl02">
   <a href="#">其&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;它  </a>
  </div>

  
  </div>
  
  
  
  
  
  </div>
    
	
	<!--恋爱婚姻案例-->
    <div id="alk01"   class="zyzx_div_left02">
        <div class="zyzx_divm01">
        
  <table class="zyzx_tab" id="contents_topNew">
    <tr width="240px" >
      <td colspan="4" height="15px" width="240px" ></td>
    </tr>
    
    <tr width="240px">
      <td colspan="4" height="8px" width="240px" class="retext02" bgcolor="#FAFAFA" style="border-bottom:1px solid #DDD;padding-left:10px;" >最新案例</td>
    </tr>
    
    <tr width="240px" >
      <td colspan="4" height="15px" width="240px" ></td>
    </tr>
    
	<c:forEach items="${caseTopNew}" var="newtop" varStatus="status">
     <tr width="240px" class="zyzx_text01 zyzx_td01">
      <td width="10px" height="15px" class="zyzx_td02"></td>
      
      <td width="330px" height="15px">
      <a href="/case/getCaseDetail?caseId="${newtop.case_id}> ${newtop.tilte} ${newtop.user_id} </a>
      </td>
      <td width="60px" height="15px">by:${newtop.user_rnm}
      </td>
    </tr>
    </c:forEach>
    
    
    <tr width="240px" align="right">
    <td width="10px" height="15px"></td>
     <td colspan="3" height="10px">
      <a href="/study_camore.htm">更多</a>
      </td>
    </tr>
    
    </table>
        
        
        
    
    
    
        </div>
        
        <div class="zyzx_divm02">
         
         
  <table class="zyzx_tab">
    <tr width="240px" >
      <td colspan="4" height="15px" width="240px" ></td>
    </tr>
    
    <tr width="240px">
      <td colspan="4" height="8px" width="240px" class="retext02" bgcolor="#FAFAFA" style="border-bottom:1px solid #DDD;padding-left:10px;">热门案例</td>
    </tr>
    
    <tr width="240px" >
      <td colspan="4" height="15px" width="240px" ></td>
    </tr>
    
    <c:forEach items="${caseTopHot}" var="hottop" varStatus="status">
	    <tr width="240px" class="zyzx_text01 zyzx_td01">
	      <td width="10px" height="15px" class="zyzx_td02"></td>
	     
	      <td width="330px" height="15px">
	        <a href="/case/getCaseDetail?caseId="${hottop.case_id}>
	          ${hottop.tilte}
	        </a>
	      </td>
	      <td width="60px" height="15px">by:${hottop.user_rnm}
	      </td>
	    </tr>
    </c:forEach>
    
    <tr width="240px" align="right">
    <td width="10px" height="15px"></td>
     <td colspan="3" height="10px">
      <a href="/study_camore.htm#">更多</a>
      </td>
    </tr>
    
    </table>
         
         
        </div>
    </div>
	<!--end恋爱婚姻案例-->
	
		<!--家庭关系案例-->
	<div id="alk02"   class="zyzx_div_left02" style="display:none;">
	<!--  <iframe src="study_case_family.htm" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
	-->
	</div>
		<!--end家庭关系案例-->
	
	
	<!--亲子教育案例-->
	<div id="alk03"   class="zyzx_div_left02" style="display:none;">
	<!--<iframe src="study_case_qzjy.htm" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
	-->
	</div>
	<!--end亲子教育案例-->
	
	
	<!--职业成长案例-->
	<div id="alk04"   class="zyzx_div_left02" style="display:none;">
	<!--<iframe src="study_case_zycz.htm" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
	-->
	</div>
	<!--end职业成长案例-->
	
	<!--异常心理案例-->
	<div id="alk05"   class="zyzx_div_left02" style="display:none;">
	<!--<iframe src="study_case_ycxl.htm" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
	-->
	</div>
	<!--endy异常心理案例-->
	
	<!--心理疾病案例-->
	<div id="alk06"   class="zyzx_div_left02" style="display:none;">
	<!--<iframe src="study_case_xljb.htm" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
	-->
	</div>
	<!--心理疾病案例-->
	
		<!--性心理案例-->
	<div id="alk07"   class="zyzx_div_left02" style="display:none;">
	<!--<iframe src="study_case_xxl.htm" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
	-->
	</div>
	<!--end性心理案例-->
	
	<!--其它-->
		<div id="alk08"   class="zyzx_div_left02" style="display:none;">
	<!--<iframe src="study_case_qt.htm" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
	-->
	</div>
	<!--end其它-->
		
	
	
  </div>
  
  
  
   <!--  <div class="zyzx_div_right">
<a href="../study_platform/study_platform/my_caseaddec.htm">
   <div class="alxx_div_righttb" style="font-size:14px;font-weight:blod;color:#111"> 案&nbsp;例&nbsp;上&nbsp;传</div>
   </a>
   <div class="zyzx_div_rightt">
   <div class="alxx_div_righttbt">
   <span class="alxx_div_righttl" > 案例分享达人</span>
   <a href="#" id="imgSwitch">
    <span class="alxx_div_righttr"> 
         换一批
    </span>
   </a>
   </div>
   
    
  <table style="width:230px;height:350px;" id="contents_image">

  </table>
  
  </div>
  

  </div>-->
  
  <div class="zyzx_div_right">
			<div class="alxx_div_righttb" style="font-size:14px;font-weight:blod;color:#111"> 上&nbsp;传&nbsp;资&nbsp;源</div>
			<div class="zyzx_div_rightt">
				<div class="alxx_div_righttbt"> <span class="alxx_div_righttl" > 案例分享达人</span> <span class="alxx_div_righttr"><a href="javascript:void(0);" onclick="expertNext();">换一批</a></span> </div>
				<table style="width:230px;" id="share_expert_table">
					<c:forEach items="${shareExpertList}" var="item">
						<tr height="70px">
							<td width="60px"> <a href="#"><img src="${cdrmFilePath}/${item.user_himg}?w=50&h=50" ></a> </td>
							<td  valign="top"> <a href="#" >
								<p class="retext05">${item.user_lnm} </p>
								</a> 综合积分：${item.user_integral} </td>
						</tr>
					</c:forEach>					
				</table>
			</div>
		</div>
   
</div>
</div>

     
<%@include   file="footer.jsp" %>

<script type="text/javascript">
var globalVar = {
	expertPageNum : 1,
	expertHasNext : null
};
$(function(){
	globalVar.expertHasNext = '${shareExpertNext}';
	//globalVar.expertPageNum = 1;
});
function expertNext(){
	//alert(globalVar.expertHasNext);
	var $table = $('#share_expert_table');
	if(globalVar.expertHasNext == 'true'){
		$.ajax({
			 url : '/share/resource/expertListAjax/'+(globalVar.expertPageNum + 1),
	       	 dataType : 'json',
	       	 success : function(d,status){
	       		 var html = [];
	       		 $.each(d.shareExpertList,function(i,item){
	       			html.push('<tr height="70px">'+
	       					'<td width="60px"> <a href="#"><img src="${cdrmFilePath}/'+item.user_himg+'?w=50&h=50" ></a> </td>'+
	       					'<td  valign="top"> <a href="#" ><p class="retext05">'+item.user_lnm+'</p></a> 综合积分：'+item.user_integral+' </td></tr>');
	       		 });
	       		 //alert(html.join(''));
	       		$table.html(html.join(''));
	       		 globalVar.expertPageNum ++;
	       		 //alert(d.shareExpertNext);
	       		 globalVar.expertHasNext = d.shareExpertNext;
	       	 },
	       	 error : function(d){
	       		 alert('请求出错！');
	       	 }
		});
	} else {
		$table.html('无更多数据');
	}
}
</script>

</body>
</html>